.category {
    display: flex;
    .category-left {
        height: 100vh;
        width:25%;
     .category-left-item {
         height:100%;
        view {
            height:50rpx;
            margin:20rpx 0px;
            text-align: center;
            font-size: 32rpx;
        }
        .item{
            color: #FF2D4A;
            border-left: 4rpx solid #FF2D4A;
            font-size: 32rpx;
            box-sizing: border-box;
        }
      }
    }
  
    .category-right {
        height: 100vh;
        width:75%;
     .category-right-item {
        height:100%;
        view.item-title {
            height:80rpx;
            text-align: center;
        }
      
        view.item-list {
            display: flex;
            justify-content: start;
            align-items: center;
            flex-wrap: wrap;
            padding:0px 20rpx;
            .list {
                flex:3;
              image {
                width:150rpx;
                height:150rpx;
                margin-right: 10rpx;
            }
          }
        }
      }
    }
  }